.index-root{
  width: 100%;
  height: 100%;
  background-color: #F5F6FA;
  box-sizing: border-box;
}
.head{
  display:flex;
  width: 100%;
  padding:15px;
  align-items: center;
}
.shou{
  font-size: 18px;
  color: #000;
  margin-left: 15px;
  margin-top: -4px;
  font-weight: bold;
  letter-spacing: 2px;
}
.address{
  width: 345px;
  margin: 0 auto;
  background-color: #fff;
  padding: 15px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.address img{
  width: 25px;
  height: 25px;
}
.address-active{
  width: 345px;
  margin: 0 auto;
  background-color: #fff;
  padding: 15px;
  border-radius: 3px;
  display: flex;
  align-items: center;
}
.address-active img{
  width: 25px;
  height: 25px;
  margin-right: 10px;
}
.address-center{
  flex: 1;
  width: 208px;
}
.edit{
  color: #FF8F35;
  border: 1px solid #FF8F35;
  border-radius: 3px;
  padding: 2px 6px;
  font-size: 12px;
  margin-left: 10px;
  font-weight: bold;
}
.address-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.address-stuauth{
  color: #FF8F35;
  font-size: 10px;
  font-weight: bold;
}
.address-name{
  color: #FF8F35;
  font-size: 12px;
  font-weight: bold;
}
.address-ipone{
  color: #FF8F35;
  font-size: 12px;
  font-weight: bold;
  margin-left: 5px;
}
.address-bottom span{
  font-size: 10px;
  font-weight: bold;
  color: #000;
}
.add{
  color:#A3A3A3 ;
  font-size: 12px;
  font-weight: bold;
}
.order{
  width: 345px;
  background-color: #fff;
  box-sizing: border-box;
  margin: 10px auto;
  padding: 15px;
  border-radius: 5px;
}
.user{
  display: flex;
}
.user>img{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 2px solid #FF8F35;
  margin-right: 10px;
}
.user-msg{
  flex-grow: 1;
}
.user-msg .nickname{
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 3px;
}
.signature{
  font-size: 10px;
  color: #CACACA;
}
.order{
  height: 380px;
  overflow-y: auto;
}
.order-list{
  display: flex;
  margin-top: 15px;
}
.order-list img{
  width: 57px;
  height: 75px;
  margin-right: 15px;
  box-shadow: 0 0 2px 2px #FF8F35;
}
.grade{
  color:#FF8F35;
  font-size: 10px;
}
.order-message {
  flex-grow: 1;
}
.order-message h3{
  margin-bottom:10px;
  line-height: 1;
}
.getSelf{
  color: #CACACA;
  font-size: 10px;
  margin-left: 20px;
}
.addres{
  margin-left: 20px;
  color: #CACACA;
  font-size: 10px;
}
.list-text{
  margin-bottom: 5px;
}
.list-money{
  display: flex;
  justify-content: space-between;
}
.price{
  font-size: 14px;
  color: #FF0030;
  font-weight: bold;
  margin-right: 5px;
}
.oldprice{
  text-decoration: line-through;
  font-size: 14px;
  font-weight: bold;
  color: #CACACA;
}
.num{
  color: #FF8F35;
  font-weight: bold;
}
.distribution{
  padding: 15px 0;
  border-bottom: 1px solid #F2F2F2;
  display: flex;
  justify-content: space-between;
}
.type{
  color:#FF8F35;
  font-size: 10px;
  font-weight: bold;
}
.distribution-zi{
  color:#000;
  font-size: 10px;
  font-weight: bold;
}
.distribution-qian{
  color:#FF0030;
  font-size: 10px;
  font-weight: bold;
  margin-left: 5px;
}
.xiaoji{
   color: #FF8F35;
   text-align: right;
   padding-top: 10px;
   font-weight: bold;
}
.footer{
  width: 100%;
  height: 135px;
  position: fixed;
  background-color: #fff;
  left: 0;
  bottom: 0;
  padding: 15px;
}
.footer-type{
  display: flex;
  justify-content:space-between;
  padding-bottom: 15px;
  border-bottom: 1px solid #F2F2F2;
}
.footer-zhi{
  color: #FF8F35;
  font-weight: bold;
}
.footer-img img{
  width: 25px;
  height: 25px;
}
.footer-money{
  position: relative;
  padding-top: 15px;
}
.footer-money p{
  margin-bottom:6px;
  color: 14px;
  color: #000;
  font-weight: bold;
}
.footer-active{
  font-weight: bold;
  margin-right: 5px;
}
.he{
  color: #A3A3A3;
  font-weight: bold;
  font-size: 14px;
}
.all{
  color:#FF0030;
  font-weight: bold;
  font-size: 16px;
}
.am-button{
  position: absolute  !important ;
  display: inline-block;
  width: 91px;
  height: 33px !important;
  text-align: center;
  line-height: 33px !important;
  border-radius: 16.5px ;
  color: #919191 !important;
  font-weight: bold;
  bottom: 0;
  right: 0;
  background-color: #E5E5E5 !important;
}

.go-active{
  position: absolute !important;
  display: inline-block;
  width: 91px;
  height: 33px !important;
  text-align: center;
  line-height: 33px !important;
  border-radius: 16.5px;
  background-color: #FF8F35 !important;
  color: #fff !important;
  font-weight: bold;
  bottom: 0;
  right: 0;
}
.none{
  position: fixed;
  width: 100%;
  height:0px;
  background-color: #fff;
  left: 0;
  bottom: 135px;
  overflow: hidden;
  transition: all 0.2s linear;
}
.none.active{
  height: 260px;
  padding: 15px;
  border-bottom: 1px solid #f2f2f2;
  border-radius: 10px 10px 0 0;
  box-shadow:0px 0px 2px 2px #f2f2f2;
}
.none.active h2{
  text-align: center;
  color: #FF8F35;
  font-size: 18px;
  font-weight: bold;
}
.none ul{
  list-style: none;
}
.none ul li{
  padding: 10px 0;
  border-bottom: 1px solid #f2f2f2;
  display:flex;
  align-items: center;
  justify-content: space-around;
}
.none ul li:nth-child(4){
  border: none;
}
.none ul li img{
  width: 30px;
  height: 30px;
}
.none ul li span{
  font-weight: bold;
  font-size: 14px;;
}
